<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>{{ config('app.name') }}</title>
	<!--  引入bootstrap  -->
    <link href="{{ asset('/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet">
</head>

<body>

<!-- 导航栏 -->
<div data-example-id="navbar-fixed-to-top" class="bs-example bs-navbar-top-example" >
	
	<nav class="navbar navbar-default navbar-fixed-top navbar-inverse" >
		<div class="container-fluid" >
			<div class="navbar-header"  >
				<a href="#" class="navbar-brand" style="font-size:17px;">Zhi Zhu</a>
			</div>
		</div>
    </nav>
	
</div>
<BR/>
<BR/>
<BR/>
<BR/>
<div class="row" >
	<div class="col-xs-6 col-sm-4" style="text-align:right;">
		<!-- 字体 -->
		<h1 style="color:#D3D3D3;font-size:75px;">
			Zhi Zhu
		</h1>
	</div>
	<div class="col-xs-6 col-sm-4"></div>
	<div class="clearfix visible-xs-block"></div>
	<div class="col-xs-6 col-sm-4"></div>
</div>

<div class="row">
	<div class="col-xs-12 col-sm-6 col-md-6" style="text-align:center;">
		<!-- 背景 -->
		<img  src="{{ asset('/images/logo.jpg') }}" />
	</div>
	<div class="col-xs-6 col-md-4" style="margin-top:5%;text-align:left;"  >
	
		<!-- 错误提示信息 -->
		<div id="show_error" style='color:#FF4040;width:220px;height:30px;margin-top:-5%;position:absolute;font-size:16px;display:block;'  >{{ session('info') }}</div>
	
		<!-- 表单 -->
		<form class="form-inline" action="{{ url('/checkLogin') }}" method='post' id='form' >
			{{ csrf_field() }}
			
			<div class="form-group">
				<label class="sr-only" for="exampleInputEmail3">ID</label>
				<input type="text" name='name' class="form-control" style="width:250px;" value="{{ session('name') }}" placeholder="账号">
			</div>
			
			<br/>
			<br/>
			
			<div class="form-group">
				<label class="sr-only" for="exampleInputPassword3">Password</label>
				<input type="password" name='pass' class="form-control" style="width:250px;" placeholder="密码">
			</div>
			
			<br>
			<br>
			
			<!-- 图片按钮 -->
			<div class="col-sm-10" id="submit" style="background:url({{ asset('/images/login/login.png')}} );background-size:100px;width:80px;height:34px;margin-left:-30px;">
				<input type="submit"  style="width:80px;height:45px; margin-left:-10px;opacity:0;cursor:pointer;" />
			</div>
			
		</form>
	
	</div>
</div>

<!-- 引入jq -->
<script type="text/javascript" src="{{ asset('/js/jquery-1.8.3.min.js') }}"></script>
<script>
	$(function(){
		
		// 显示 错误信息
		if( $("#show_error").html().length > 0 )
		{
			// 1500毫秒后 淡出
			$("#show_error").delay(1500).fadeOut(500);
		}
		
		// 点击登录
		$("#submit").click(function(){
			if( $(this).hasClass("dest") ){
				// 按钮 复位
				$(this).removeClass("dest").animate({left: 0}, 300);
			}else{
				// 执行 按钮动画 
				$(this).addClass("dest").animate({left: 200}, 300);
				// 表单提交
				$("#form").submit();
			}
		})
	});
</script>

<!-- 1.尾部 -->
<div class="panel-footer text-right navbar-fixed-bottom" >Designed by Zhi Zhu</div>

</body>
</html>